﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Triple Game</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
    <link rel="Stylesheet" type="text/css" href="TripleGameStyle.css" />
    <script type="text/javascript" src="script.js"></script>
</head>
<body>
    <div id="gameboard">
        <table>
            <tr></tr>
            <tr></tr>
            <tr></tr>
            <tr></tr>
            <tr></tr>
        </table>
    </div>
	
    <div id="gamesArea">
        <form>
            <LABEL for="createGameField">Game name:</LABEL>
			<input type="text" id="createGameField"/>
            <input type="button" id="createGameButton" value="Create game"/> </br>
			<div> Available games:</div>
			<div id="availableGames"></div>
            <input type ="button" id="refreshGames" value="Refresh"/>
        </form>
		
    </div>
	
	<div id="playerArea">
		<form>
			<LABEL for="playerNameField">Player name:</LABEL>
			<input type="text" id="playerNameField"/>
			<input type="button" id="createPlayer" value="Create player"/>
		</form>
	</div>
	
	<div class="clear"></div>
	
	<div id="currentGame"></div>
</body>
</html>
